<html>
    <head>
        <title>OGBot</title>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
        <link rel="stylesheet" href="/static/layout.css" type="text/css" />
        <link rel="stylesheet" href="/static/general.css" type="text/css" />
        <style type="text/css">
            #log {
                font-family: monospace;
            }
            .log-DEBUG {
                color: green;
            }
            .log-INFO {
                color: blue;
            }
            .log-WARNING {
                color: orange;
            }
            .log-ERROR {
                color: red;
            }
            .log-CRITICAL {
                color: red;
                font-weight: bold;
            }
        </style>
        <script type="text/javascript">
            function getLog() {
                $.ajax({
                    "url" : "/ogbot.log.html",
                    "cache" : false,
                    "success" : function(result){
                        $("#log").html(result);
                    }
                });
                
                //setTimeout(getLog,1000);
            }
            
            $(document).ready(function (){
                getLog();
                $("input[name=loglevel]").change(function (){
                    levelname = $(this).attr("value");
                    checked = $(this).prop("checked")
                    
                    if (checked) {
                        $(".log-"+levelname).show();
                    }
                    else {
                        $(".log-"+levelname).hide();
                    }
                });
            });
        </script>
    </head>
    <body>
        <div id="container">
            <div id="header">
                <h1>
                    OGBot
                </h1>
            </div>
            <div id="navigation">
                <%include file="../tpl/mainmenu.html" />
## %>
            </div>
            <div id="content-container1">
                <div id="content-container2">
                    <div id="section-navigation">
                        
                    </div>
                    <div id="content">
                        <h2>
                            Log
                        </h2>
                        <p>
                            <div id="log">
                            
                            </div>
                        </p>
                    </div>
                    <div id="aside">
                        <input type="checkbox" name="loglevel" value="DEBUG" checked="checked" />debug<br />
                        <input type="checkbox" name="loglevel" value="INFO" checked="checked" />info<br />
                        <input type="checkbox" name="loglevel" value="WARNING" checked="checked" />warning<br />
                        <input type="checkbox" name="loglevel" value="ERROR" checked="checked" />error<br />
                        <input type="checkbox" name="loglevel" value="CRITICAL" checked="checked" />critical<br />
                    </div>
                    <div id="footer">
                        OGBot debug
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>